/**
 * Avatar
 */

@import "../variables";

.avatar {
  background-color: var(--color-fill);
  height: 24px;
  width: 24px;
  border: 1px solid var(--color-border-p2);
  border-radius: 999px;
  overflow: hidden;
  display: inline-block;

  & img,
  & svg {
    width: 100%;
    height: 100%;
    border-radius: 999px;
  }

  &:active {
    border-color: #fff;
  }
}

.placeholder {
  fill: var(--color-icon);
  width: 100%;
  height: auto;
}
